<template>
    <div id="main">
    <div id="sum">
        <div class="essay">
            <Essay></Essay>

        </div>
        <div id="function">
            <Write></Write>
            <Classity></Classity>
            <Recommend></Recommend>
            <Effect></Effect>
        </div>
    </div>
    </div>
</template>
<script>

import Essay from "@/components/Essay.vue";
import Effect from "@/components/Effect.vue";
import Write from "@/components/Write.vue";
import Recommend from "@/components/Recommend.vue";
import Classity from "@/components/Classity.vue";
export default {
    components: {
        Write,
        Classity,
        Recommend,
        Effect,
        Essay,


    },
    
}
</script>
<style scoped>
.essay{
    width: 74%;
    min-height: 150px;
    float: left;
    background-color: #fff;


}
  #function {
    width: 25%;
    float: right;
  }
#sum{
    min-width: 1150px;
    width: 80%;
    margin: auto;
    margin-top: 60px;

}

</style>